<template>
	<view class="main-container">
		<view class="s-m-t">
			1. 容器
		</view>
		
		<view class="s-m-h" @click="jumpTo('view')">
			<text>
				视图 view
			</text>
		</view>
		
		<view class="s-m-h" @click="jumpTo('scroll')">
			<text>滚动视图 <text>scoll-view</text></text> 
		</view>
		
		<view class="s-m-h" @click="jumpTo('swiper')">
			<text>可滑动视图 swiper</text>
		</view>
		
		<br />
		<hr />
		
			<view class="s-m-t">
				2. 基础内容
			</view>
			
			<view class="s-m-h" @click="jumpTo('text')">
				<text>
					文本 text
				</text>
			</view>
			
			<view class="s-m-h" @click="jumpTo('rich')">
				<text><text>富文本编辑器 rich-text</text></text> 
			</view>
			
			<view class="s-m-h" @click="jumpTo('progress')">
				<text>进度条 progress</text>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpTo(e){
				uni.navigateTo({
					url: "/pages/components/" + e + "/" + e
				})
			}
		}
	}
</script>

<style>
@import '/static/css/smart.css'
</style>
